<!-- 首页 最新数据 -->
<template>
  <div class="latest-data">
      <div class="tit">
        最新数据
      </div>
      <div class="tab">
          <div class="tab-item">
              <div class="tab-item-left" style="border-left:none;overflow:hidden;">
                  <div class="tab-left">
                      <img src="../../home/img/shanghu@2x.png" alt="" width="25" height="25" style="margin-top:10px;">
                  </div>
                  <div class="tab-right">
                      <ul>
                        <li style="font-weight:bold;">入驻商户</li>
                        <li>{{data.dealerNum}}</li>
                      </ul>
                  </div>
              </div>
              <div class="tab-item-right" style="border-left:none;border-right:none;">
                <div class="tab-left">
                      <img src="../../home/img/pindan@2x.png" alt="" width="25" height="25" style="margin-top:10px;">
                  </div>
                  <div class="tab-right">
                      <ul>
                        <li style="font-weight:bold;">正在拼单</li>
                        <li>{{data.sharingNum}}</li>
                      </ul>
                  </div>
              </div>
          </div>
          <div class="tab-item">
              <div class="tab-item-left" style="border-left:none;border-top:none;">
                <div class="tab-left">
                      <img src="../../home/img/huiyuan@2x.png" alt="" width="25" height="25" style="margin-top:10px;">
                  </div>
                  <div class="tab-right">
                      <ul>
                        <li style="font-weight:bold;">注册会员</li>
                        <li>{{data.customerNum}}</li>
                      </ul>
                  </div>
              </div>
              <div class="tab-item-right" style="border-left:none;border-right:none;border-top:none;">
                <div class="tab-left">
                      <img src="../../home/img/dian@2x.png" alt="" width="25" height="3" style="margin-top:23px;">
                  </div>
                  <div class="tab-right">
                      <ul style="margin:0px;line-height:50px;">
                        <li style="font-weight:bold;">暂无数据</li>
                      </ul>
                  </div>
              </div>
          </div>
      </div>
  </div>
</template>

<script>
import {latestData} from "@/nodeApi/count"
export default {
  components: {},
  data () {
    return {
      data:{}
    }
  },
  props: {},
  watch: {},
  methods: {
    back () {
      this.$emit('back')
    }
  },
  filters: {},
  computed: {},
  created () {
    latestData().then(res=>{
      this.data = res.data
    })
  },
  mounted () {}
}
</script>

<style lang="scss" scoped>
@import '~@/assets/scss/const.scss';
@import '~@/assets/scss/mixin.scss';
.latest-data{
  height:auto;
  /* border:1px solid red; */
  background:#fff;
  .tit{
    height:40px;
    width:100%;
    /* border:1px solid red; */
    text-align:center;
    font-size:15px;
    line-height:40px;
  }
  .tab{
    height:100px;
    width:100%;
    /* border:1px solid yellow; */
    .tab-item{
      overflow:hidden;
      width:100%;
      .tab-item-left{
        width:50%;
        height:50px;
        float:left;
        border:1px solid #F5F5F5;
        .tab-left{
          height:100%;
          width:30%;
          float:left;
          /* border:1px solid red; */
          text-align:center;
        }
        .tab-right{
          font-size:12px;
          width:50%;
          float:left;
          height:100%;
          /* border:1px solid red;  */
          text-align:center;
          padding-left:-40%;
          &>ul {
            margin:5px 0px 2px 0px;
            &>ul li{
              margin:0px;
              padding:0px;
            }
          }
        }
      }
      .tab-item-right{
        width:50%;
        height:50px;
        float:left;
        border:1px solid #F5F5F5;
        .tab-left{
          width:30%;
          float:left;
          height:100%;
          /* border:1px solid red; */
          text-align:center;
        }
        .tab-right{
           width:50%;
          float:left;
          height:100%;
          /* border:1px solid red;  */
          text-align:center;
          &>ul {
            margin:5px 0px 2px 0px;
            &>ul li{
              margin:0px;
              padding:0px;
            }
          }
        }
      }
    }
  }
}

</style>
